import React from 'react';
import { Navigate, Outlet } from 'react-router-dom';
export default function About() {
  return (
    <div>
      About
      {/* 
        Navigate 组件用来跳转到指定的位置
          默认使用push 可以回退
      */}
      <Navigate to={'/student/1'} replace />
      {/* 通过子路由来对Hello进行映射 /about/hello */}
      {/* <Routes>
        <Route path='hello' element={<Hello />}></Route>
      </Routes> */}
      {/* 
        Outlet 表示用来表示嵌套路由中的组件
          当嵌套路由中的路径匹配成功了，Outlet则表示路由中的组件
          当嵌套路由中的路径没有匹配成功，Outlet就什么都不是
      */}
      <Outlet />
    </div>
  )
}
